{% extends "/html/hello.html" %}

{% block body %}


    <link rel="stylesheet" href="{{ url_for('static',filename='css/loading1.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/patient.css') }}">

    <div class="speech-button-container">
        <div>
            <h1 class="title">
                输入简短的患者描述，Dr.Helper将提供可能的疾病诊断列表和医疗诊断报告
            </h1>
        </div>

        <div class="button-container">
            <h2 class="sub-title">
                点击开始识别
            </h2>
{#      onclick="startSpeechRecognition1()"      #}
            <button class="custom-button" id="startSpeechRecognition" >
                开始
                <img src="static/image/开始.png" alt="开始按钮" class="button-image">
            </button>
{#      onclick="stopSpeechRecognition1()"      #}
            <button class="custom-button" id="stopSpeechRecognition" >
                结束
                <img src="static/image/结束.png" alt="暂停按钮" class="button-image">
            </button>
        </div>

        <div class="turn1">
            <textarea id="speechTextArea">点击开始识别...</textarea>
        </div>
        <!-- 用法提示 -->
        <h2 class="intro1">为获得最佳效果，请您尽可能详细地描述您认为症状出现的时间和原因</h2>
        <div class="ok-button" onclick="complete('patient')">
            <a>完成</a>
        </div>

        <div id="page_div">

        </div>

        <div id="loading1" hidden="hidden">
            <div class="loadingOne">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>

</div>
    <script src="{{ url_for('static',filename='js/jquery.js') }}"></script>
    <script src="{{ url_for('static',filename='js/speech_recognition.js') }}"></script>
    <script src="{{ url_for('static',filename='js/down.js') }}"></script>
    <script src="{{ url_for('static',filename='js/resetChat.js') }}"></script>
{% endblock %}